<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线留言</title>
    <!--重置样式-->
    <link rel="stylesheet" href="../css/normalize.css">
    <!--公共样式-->
    <link rel="stylesheet" href="../css/common.css">
    <!--当前页样式-->
    <link rel="stylesheet" href="../css/Online-Message.css">
</head>

<body>
    <!--头部导航-->
    <div class="head container-fluid">

        <div class="head1 clearfix ">
            <div class="container">
                <h2>欢迎来到HOUSE家居网</h2>
                <p>
                    <a class="tel" href="./contact-us.html"> <img src="../images/tel.png" alt=""> 400-00-000xxx</a>
                    <a class="eml" href="./contact-us.html"> <img src="../images/mail.png" alt=""> 1234567xxx@gmail.com</a>
                </p>
            </div>
        </div>
        <div class="head2 clearfix container  ">
            <div class=" fl  ">
                <img src="../images/logo.png" alt="">
            </div>
            <ul class="fr  ">
                <li> <a class="active" href="./home.html">首页</a></li>
                <li><a href="./about.html">关于我们</a></li>
                <li><a href="./product-list.html">产品展示</a></li>
                <li><a href="./news-list.html">新闻动态</a></li>
                <li><a href="./Online-Message.html">在线留言</a></li>
                <li><a href="./contact-us.html">联系我们</a></li>
            </ul>
        </div>
    </div>
    <!--广告-->
    <div class="banner container-fluid "></div>
    <!--首页导航-->
    <div class="list container-fluid">
        <div class="list-nav container">
            <p>首页&gt;&gt;在线留言</p>
        </div>
    </div>
    <!--关于我们-->
    <div class="about container   clearfix ">
        <h2 class="active">在线留言 </h2>
        <div class="about-l fl">
            <div class="abt-1">
                <ul>
                    <li><a href="#">床上用品</a></li>
                    <li><a href="#">家居饰品</a></li>
                    <li><a href="#">居家日用</a></li>
                    <li><a href="#">家居收纳</a></li>
                    <li><a href="#">厨房收纳</a></li>
                    <li><a href="#">厨房餐饮</a></li>
                </ul>
            </div>
            <div class="abt-2 ">
                <img src="../images/03_f0hi.jpg" alt="">
            </div>
        </div>
        <div class="about-r fr">
            <p class="text1">您可以留下您宝贵的意见，我们会在第一时间回复您，谢谢关注！</p>
            <p>您的姓名<span>*</span></p>
            <input type="text">
            <p>您的电话<span>*</span></p>
            <input type="text">
            <p>您的邮箱<span>*</span></p>
            <input type="text">
            <p>咨询项目<span>*</span></p>
            <div class="rember">
                <input type="checkbox">
                <label>床上用品</label>
                <input type="checkbox">
                <label>家居饰品</label>
                <input type="checkbox">
                <label>居家日用</label>
                <input type="checkbox">
                <label>收纳用具</label>
                <input type="checkbox">
                <label>厨房收纳</label>
                <input type="checkbox">
                <label>厨房餐饮</label>
            </div> 
            <p>资讯内容</p><textarea name="" id="" cols="30" rows="10"></textarea><br>
            <button>提交</button>
        </div>
    </div>

    <!--尾部-->
    <div class="foot  ">
        <div class="foot1  clearfix ">
            <div class="footl  fl   ">
                <img src="../images/logo2.jpg" alt="">
                <p><i class="ico1"></i>中国上海市XXX区XXX路12号XX大厦5层5XX室</p>
                <p><i class="ico2"></i>400-000-XXXX (021)-12345678XX</p>
                <p><i class="ico3"></i>12345678XXX@gmail.com</p>
            </div>
            <div class="footm  fl">
                <h2 class="active">快速链接:</h2>
                <ul>
                    <li><a href="./home.html">&lt; 网站首页</a></li>
                    <li><a href="./product-list.html">&lt; 产品展示</a></li>
                    <li><a href="./Online-Message.html"> &lt;在线留言</a></li>
                    <li><a href="./about.html">&lt; 关于我们</a></li>
                    <li><a href="./news-list.html"> &lt;新闻动态</a></li>
                    <li><a href="./contact-us.html"> &lt;联系我们</a></li>
                </ul>
            </div>
            <div class=" footr fr ">
                <h2 class="active">站内搜索</h2>
                <p class="searh clearfix">
                    <input class="fl" type="text" placeholder="请输入关键字">
                    <button class="fl">搜索</button>
                </p>
                <p class="fx">关注我们 <a href="#"> <img src="../images/fenxiang.png" alt=""></a></p>
            </div>
        </div>
        <p class="sm">Copyright © 2009-2011,www.XXXXXX.com,All rights reserved 沪ICP备XXXXXXX号未经同意,不得转载</p>
    </div>
</body>

</html>